<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script src="./index.umd.js"></script>
</head>
<body>
  测试
  <div id="app">
      {{ message }}
      <button @click="toggle">点击</button>
      <m-card
              imgSrc="logo.png"
              :summary="summary"
      >
          <div>这个是很长的内容内容</div>
          <template v-slot:footer>
              <div class="footer">
                  <div class="left">哈哈哈哈</div>
                  <div class="right">嘿嘿嘿嘿</div>
              </div>
          </template>
      </m-card>
  </div>
</body>
<script>
    Vue.use(rui.default)
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!',
            summary: '这是概要'
        },
        methods: {
          toggle () {
            this.summary ? (this.summary = '') : this.summary = '这是概要'
          }
        }
    })
</script>
</html>
